import { defineSemanticTokens } from "../../core"

export const sizes = defineSemanticTokens.sizes({
  fit: "fit-content",
  max: "max-content",
  min: "min-content",

  dvh: "100dvh",
  dvw: "100dvw",
  full: "100%",
  lvh: "100lvh",
  lvw: "100lvw",
  svh: "100svh",
  svw: "100svw",
  vh: "100vh",
  vw: "100vw",

  "1/2": "calc(100% / 2)",
  "1/3": "calc(100% / 3)",
  "1/4": "calc(100% / 4)",
  "1/5": "calc(100% / 5)",
  "1/6": "calc(100% / 6)",
  "1/12": "calc(100% / 12)",
  "2/3": "calc(100% / 3 * 2)",
  "2/5": "calc(100% / 5 * 2)",
  "2/6": "calc(100% / 6 * 2)",
  "2/12": "calc(100% / 12 * 2)",
  "3/4": "calc(100% / 4 * 3)",
  "3/5": "calc(100% / 5 * 3)",
  "3/6": "calc(100% / 6 * 3)",
  "3/12": "calc(100% / 12 * 3)",
  "4/5": "calc(100% / 5 * 4)",
  "4/6": "calc(100% / 6 * 4)",
  "4/12": "calc(100% / 12 * 4)",
  "5/6": "calc(100% / 6 * 5)",
  "5/12": "calc(100% / 12 * 5)",
  "6/12": "calc(100% / 12 * 6)",
  "7/12": "calc(100% / 12 * 7)",
  "8/12": "calc(100% / 12 * 8)",
  "9/12": "calc(100% / 12 * 9)",
  "10/12": "calc(100% / 12 * 10)",
  "11/12": "calc(100% / 12 * 11)",

  "9xs": "1rem",
  "8xs": "2rem",
  "7xs": "3rem",
  "6xs": "4rem",
  "5xs": "6rem",
  "4xs": "8rem",
  "3xs": "10rem",
  "2xs": "12rem",
  xs: "16rem",
  sm: "20rem",
  md: "24rem",
  lg: "28rem",
  xl: "32rem",
  "2xl": "38rem",
  "3xl": "44rem",
  "4xl": "50rem",
  "5xl": "56rem",
  "6xl": "64rem",
  "7xl": "72rem",
  "8xl": "80rem",
  "9xl": "88rem",
})
